<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>我要发布-职位</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
	<meta content="yes" name="apple-mobile-web-app-capable"/>
	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	<meta content="telephone=no" name="format-detection"/>
	<!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	<!--当前页面的css-->   
	<link href="css/mePublics.css" rel="stylesheet">
	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/city-picker.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>

	<!-- mobileSelect 弹框-->
	<link rel="stylesheet" type="text/css" href="../plugins/mobileSelect/mobileSelect.css">
	<script src="../plugins/mobileSelect/mobileSelect.js" type="text/javascript"></script>
</head>
<body>
  <div id="app">
	<form action="" method="post">
		<ul class="joinMain">
			<li class="clearfix">
				<div class="left-text">
					分站：
				</div>
				<div class="right-inputs">
					<input type="text" class="join-inputs" placeholder="请选择分站" id="city-picker" readonly  v-model="substation" />
					<img src="http://pa6xzs40h.bkt.clouddn.com/index/recruit2.png"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					职位名称：
				</div>
				<div class="right-input">
					<input type="text" class="join-input"  placeholder="请输入职位名称" v-model="name"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					招募人数：
				</div>
				<div class="right-input">
					<input type="number"  class="join-input" placeholder="请输入招募人数" v-model="number"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					薪资范围：
				</div>
				<div class="right-input">
					<input type="text"  class="join-input"  placeholder="请输入薪资范围（7000~1500）" v-model="compensation"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					工作地点：
				</div>
				<div class="right-input">
					<input type="text" class="join-input" placeholder="请输入工作地点" id="Addr-picker" v-model="Addr"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					性别：
				</div>
				<div class="right-inputs">
					<div class="right-select" >
						<input type="text" class="selecteds" placeholder="不限" id="gender-picker" readonly v-model="gender"/>
						<img src="http://pa6xzs40h.bkt.clouddn.com/me/icon16.png" class="selectimg" alt="">
					</div>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					学历：
				</div>
				<div class="right-inputs">
					<div class="right-select">
						<input type="text" class="selecteds"  id="education-picker" placeholder="不限" readonly v-model="education"/>
						<img src="http://pa6xzs40h.bkt.clouddn.com/me/icon16.png" class="selectimg" alt="">
					</div>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					经验：
				</div>
				<div class="right-inputs">
					<div class="right-select" >
						<input type="text" class="selecteds" id="experience-picker" placeholder="不限" readonly v-model="experience"/>
						<img src="http://pa6xzs40h.bkt.clouddn.com/me/icon16.png" class="selectimg" alt="">
					</div>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					截止时间：
				</div>
				<div class="right-inputs" >
					<input type="text" id="picker-time"  class="join-inputs" readonly="readonly" onfocus='this.blur();' placeholder="请选择截止时间" ref="times"/>
					<img src="http://pa6xzs40h.bkt.clouddn.com/index/recruit2.png"/>
				</div>
			</li>
			<div class="joinDescribes clearfix">
				<div class="left-text">	
					<span>职位描述：</span>
					<p>(最多200字)</p>	
				</div>
				<div class="joinTextarea">
					<textarea  placeholder="请输入职位描述"  maxlength="200" class="textareas" v-model="describe"></textarea>
				</div>
			</div>
		</ul>
		<div class="contact"><div></div>联系方式</div>
		<ul class="joinMain bottoms" style="margin-bottom: 1.5rem;">
			<li class="clearfix">
				<div class="left-text">
					联系人：
				</div>
				<div class="right-input">
					<input type="text" class="join-input"  placeholder="请输入联系人" v-model="contacts"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					电话：
				</div>
				<div class="right-input">
					<input type="text" class="join-input" placeholder="请输入电话" v-model="tel"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					手机：
				</div>
				<div class="right-input">
					<input type="number" class="join-input" placeholder="请输入手机" v-model="phone"/>
				</div>
			</li>
			<li class="clearfix">
				<div class="left-text">
					联系地址：
				</div>
				<div class="right-input">
					<input type="text" class="join-input" placeholder="请输入联系地址" v-model="contactAddr"/>
				</div>
			</li>
		</ul>
		<div style="height: .35rem; width: 100%;"></div>
		<div class="join-flex">
			<a href="javascript:;" id="joinBtn" @click="submit">提交</a>
		</div>
	</form>
  </div>

  <script src="js/mePosition.js"></script>
</body>
</html>
 